Page({
  data: {
    product: null,
    selectedSpecs: {},
    quantity: 1,
    showSpecs: false,
    productImages: [],
    currentImageIndex: 0,
    serviceFeatures: [],
    customerReviews: [],
    serviceInfo: null,
    serviceDetail: {},
    serviceAdvantages: [],
    serviceCases: [],
    serviceReviews: []
  },

  onLoad(options) {
    console.log('Product detail page onLoad with options:', options)
    const { id, service } = options
    
    if (id) {
      // 加载商品详情
      this.loadProductDetail(id)
    } else if (service) {
      // 加载服务详情
      try {
        const serviceInfo = JSON.parse(decodeURIComponent(service))
        console.log('服务详情页面接收到服务信息:', serviceInfo)
        this.setData({ serviceInfo })
        this.loadServiceDetail(serviceInfo)
        
        // 设置页面标题
        if (serviceInfo && serviceInfo.title) {
          wx.setNavigationBarTitle({
            title: serviceInfo.title
          })
        }
      } catch (error) {
        console.error('Error parsing service info:', error)
        wx.showToast({
          title: '服务信息加载失败',
          icon: 'none'
        })
        setTimeout(() => {
          wx.navigateBack()
        }, 1500)
      }
    } else {
      wx.showToast({
        title: '参数错误',
        icon: 'none'
      })
      setTimeout(() => {
        wx.navigateBack()
      }, 1500)
    }
  },

  // 加载商品详情
  loadProductDetail(productId) {
    // 模拟从首页获取商品数据
    const productsList = [
      {
        id: 1,
        title: '企业信息化集成方案',
        description: '为中小企业提供一站式信息化解决方案，包含ERP、CRM、OA等系统集成服务。我们拥有专业的技术团队和丰富的项目经验，能够根据企业实际需求定制最适合的信息化解决方案。',
        image: 'https://images.unsplash.com/photo-1551434678-e076c223a692?w=400&h=300&fit=crop',
        price: '8800',
        unit: '起',
        rating: '4.9',
        badge: '热销',
        tags: ['系统集成', 'ERP', 'CRM'],
        category: 'info_integration',
        originalPrice: '12800',
        serviceTime: '15-30个工作日',
        warranty: '1年免费维护',
        included: ['需求分析', '系统设计', '开发实施', '测试部署', '培训支持']
      },
      {
        id: 2,
        title: '智能家居系统安装',
        description: '专业智能家居系统设计安装，包含智能照明、安防、环境控制等全套解决方案。采用最新的物联网技术，让您的家居生活更加智能便捷。',
        image: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=300&fit=crop',
        price: '12000',
        unit: '套',
        rating: '4.8',
        badge: '推荐',
        tags: ['智能家居', '物联网', '自动化'],
        category: 'smart_home',
        originalPrice: '15000',
        serviceTime: '7-10个工作日',
        warranty: '2年质保',
        included: ['现场勘测', '方案设计', '设备安装', '系统调试', '使用培训']
      },
      {
        id: 3,
        title: '网络设备维护服务',
        description: '专业网络设备巡检维护，确保企业网络稳定运行，提供7x24小时技术支持服务。定期巡检、故障排除、性能优化一站式服务。',
        image: 'https://images.unsplash.com/photo-1544197150-b99a580bb7a8?w=400&h=300&fit=crop',
        price: '2800',
        unit: '月',
        rating: '4.7',
        badge: '',
        tags: ['网络维护', '技术支持', '巡检'],
        category: 'network_maintenance',
        originalPrice: '3500',
        serviceTime: '即时响应',
        warranty: '服务期内免费',
        included: ['定期巡检', '故障处理', '性能优化', '技术支持', '应急响应']
      }
    ]

    const product = productsList.find(item => item.id == productId)
    
    if (product) {
      // 模拟多张产品图片
      const productImages = [
        product.image,
        'https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=400&h=300&fit=crop',
        'https://images.unsplash.com/photo-1553877522-43269d4ea984?w=400&h=300&fit=crop'
      ]

      // 模拟服务特色
      const serviceFeatures = [
        { icon: '🏆', title: '专业团队', desc: '10年以上行业经验' },
        { icon: '⚡', title: '快速响应', desc: '24小时内响应需求' },
        { icon: '🛡️', title: '品质保障', desc: '100%质量保证' },
        { icon: '🎯', title: '定制服务', desc: '根据需求量身定制' }
      ]

      // 模拟客户评价
      const customerReviews = [
        { name: '张总', company: '科技有限公司', rating: 5, comment: '服务很专业，效果超出预期！', time: '2024-01-15' },
        { name: '李经理', company: '制造企业', rating: 5, comment: '团队技术实力强，沟通顺畅。', time: '2024-01-10' },
        { name: '王总', company: '贸易公司', rating: 4, comment: '性价比很高，推荐！', time: '2024-01-05' }
      ]

      this.setData({
        product,
        productImages,
        serviceFeatures,
        customerReviews
      })

      // 设置页面标题
      wx.setNavigationBarTitle({
        title: product.title
      })
    } else {
      wx.showToast({
        title: '商品不存在',
        icon: 'none'
      })
      setTimeout(() => {
        wx.navigateBack()
      }, 1500)
    }
  },

  // 图片轮播切换
  onImageChange(e) {
    this.setData({
      currentImageIndex: e.detail.current
    })
  },

  // 预览图片
  previewImage(e) {
    const { index } = e.currentTarget.dataset
    wx.previewImage({
      urls: this.data.productImages,
      current: this.data.productImages[index]
    })
  },

  // 数量调整
  adjustQuantity(e) {
    const { type } = e.currentTarget.dataset
    let { quantity } = this.data
    
    if (type === 'minus' && quantity > 1) {
      quantity--
    } else if (type === 'plus' && quantity < 99) {
      quantity++
    }
    
    this.setData({ quantity })
  },

  // 立即预约
  bookNow() {
    // 根据当前模式选择数据源
    const sourceData = this.data.serviceInfo || this.data.product

    if (!sourceData) {
      wx.showToast({
        title: '服务信息不存在',
        icon: 'none'
      })
      return
    }

    // 构建完整的服务数据
    const serviceData = {
      _id: sourceData._id || sourceData.id,  // 确保_id字段存在（数据库主键）
      id: sourceData.id || sourceData._id,   // 兼容性字段
      serviceTitle: sourceData.title,
      serviceType: sourceData.category || sourceData.serviceType,
      category: sourceData.category,
      title: sourceData.title,
      description: sourceData.description,
      price: sourceData.price,
      unit: sourceData.unit,
      rating: sourceData.rating,
      badge: sourceData.badge,
      tags: sourceData.tags || []
    }

    // 调试信息：确认_id字段
    console.log('🔗 构建服务数据，_id:', serviceData._id)
    console.log('📋 完整服务数据:', serviceData)

    console.log('🔗 预约服务数据:', serviceData)
    console.log('🔗 serviceId:', serviceData._id)

    const encodedServiceData = encodeURIComponent(JSON.stringify(serviceData))
    wx.navigateTo({
      url: `/pages/booking/booking?service=${encodedServiceData}`
    })
  },

  // 咨询客服（商品详情模式，简化为直接提示使用微信客服）
  contactService() {
    console.log('🤖 商品详情模式客服按钮被点击')

    // 提示用户使用微信客服按钮
    wx.showToast({
      title: '请点击微信客服按钮',
      icon: 'none',
      duration: 2000
    })
  },

  // 咨询客服 - 微信客服模式（参照个人中心实现）
  openWechatCustomerService() {
    console.log('💬 打开微信客服弹窗')
    
    // 直接显示微信客服信息，更可靠的方案
    wx.showModal({
      title: '🤖 微信智能客服',
      content: '客服微信号：SmartCraftsman\n\n🕒 在线时间：9:00-22:00\n📱 扫码或搜索微信号添加\n⚡ 智能回复，秒级响应\n\n💡 添加客服微信获得：\n• 专属服务顾问\n• 项目进度实时通知\n• 优先技术支持',
      showCancel: true,
      cancelText: '稍后添加',
      confirmText: '复制微信号',
      success: (res) => {
        if (res.confirm) {
          wx.setClipboardData({
            data: 'SmartCraftsman',
            success: () => {
              wx.showToast({
                title: '微信号已复制',
                icon: 'success',
                duration: 2000
              })
              // 提示用户下一步操作
              setTimeout(() => {
                wx.showModal({
                  title: '添加客服微信',
                  content: '微信号已复制到剪贴板\n\n请打开微信：\n1️⃣ 点击右上角"+"号\n2️⃣ 选择"添加朋友"\n3️⃣ 粘贴微信号搜索\n4️⃣ 发送验证消息',
                  showCancel: false,
                  confirmText: '知道了'
                })
              }, 1500)
            },
            fail: () => {
              wx.showToast({
                title: '复制失败',
                icon: 'none'
              })
            }
          })
        }
      }
    })
  },

  // 拨打客服电话
  callCustomerService() {
    wx.makePhoneCall({
      phoneNumber: '400-123-4567',
      success: () => {
        console.log('拨打客服电话成功')
      },
      fail: (err) => {
        console.error('拨打电话失败:', err)
        wx.showToast({
          title: '拨打失败',
          icon: 'none'
        })
      }
    })
  },

  // 显示联系方式
  showContactInfo() {
    wx.showModal({
      title: '💬 多渠道客服',
      content: '🤖 智能客服（推荐）\n微信号：SmartCraftsman\n时间：24小时在线\n\n👨‍💼 人工客服\n电话：400-123-4567\n时间：9:00-18:00\n\n📧 邮件支持\nservice@smartcraft.com\n24小时内回复\n\n💡 微信客服响应最快，推荐优先使用',
      showCancel: true,
      cancelText: '关闭',
      confirmText: '复制微信号',
      success: (res) => {
        if (res.confirm) {
          wx.setClipboardData({
            data: 'SmartCraftsman',
            success: () => {
              wx.showToast({
                title: '微信号已复制',
                icon: 'success',
                duration: 2000
              })
            },
            fail: () => {
              wx.showToast({
                title: '复制失败',
                icon: 'none'
              })
            }
          })
        }
      }
    })
  },

  // 分享商品
  onShareAppMessage() {
    const { product } = this.data
    return {
      title: `${product.title} - 数智匠心工程`,
      path: `/pages/product-detail/product-detail?id=${product.id}`,
      imageUrl: product.image
    }
  },

  // 加载服务详情
  loadServiceDetail(serviceInfo) {
    console.log('开始加载服务详情，serviceInfo:', serviceInfo)
    console.log('服务类型 category:', serviceInfo.category)
    
    // 根据服务类型加载详细信息
    const detailMap = {
      'sme_market': {
        content: '为中小企业提供专业的网络通信和信息化服务，包括企宽延伸、商宽延伸、维保服务、e企组网、e企收银、云视讯等6大核心服务，助力企业数字化转型和业务发展。',
        process: '需求调研 → 方案设计 → 设备部署 → 系统调试 → 培训交付 → 运维保障',
        duration: '1-15个工作日（根据服务类型和复杂度）',
        guarantee: '专业技术保障，7x24小时技术支持，设备质量保证，服务满意度承诺'
      },
      'info_integration': {
        content: '企业信息化系统集成，包括ERP、CRM、OA等系统的规划、实施和维护，提供一站式信息化解决方案。',
        process: '现状调研 → 需求分析 → 系统设计 → 开发实施 → 测试上线 → 培训维护',
        duration: '15-60个工作日（根据系统复杂度）',
        guarantee: '系统稳定运行保证，提供3年技术支持，24小时响应服务'
      },
      'engineering': {
        content: '专业工程施工服务，包括土建、装修、机电安装等，严格按照国家标准和行业规范执行。',
        process: '现场勘测 → 方案设计 → 施工准备 → 工程实施 → 质量验收 → 交付使用',
        duration: '根据工程规模，一般15-90个工作日',
        guarantee: '工程质量终身保修，材料质量保证，安全施工零事故'
      },
      'network_maintenance': {
        content: '网络设备维护、故障排查、性能优化、安全防护等专业网络运维服务。',
        process: '系统检测 → 问题诊断 → 维护方案 → 实施维护 → 测试验证 → 文档交付',
        duration: '1-5个工作日（紧急故障24小时内响应）',
        guarantee: '7×24小时技术支持，故障快速响应，设备稳定运行保证'
      },
      'smart_home': {
        content: '智能家居系统设计安装，包括智能照明、安防、环境控制等，打造舒适便捷的智能生活。',
        process: '需求调研 → 方案设计 → 设备选型 → 安装调试 → 系统集成 → 用户培训',
        duration: '5-15个工作日（根据系统复杂度）',
        guarantee: '设备质量保证，系统稳定运行，提供2年免费维护'
      },
      'measurement': {
        content: '专业计量检测服务，设备校准、产品检测、环境监测等，出具权威检测报告。',
        process: '检测准备 → 现场检测 → 数据分析 → 报告编制 → 证书出具',
        duration: '1-7个工作日（根据检测项目）',
        guarantee: '检测结果准确可靠，证书权威有效，可追溯服务'
      },
      'materials': {
        content: '优质建筑材料和设备供应，品牌保证，价格优惠，快速配送到现场。',
        process: '需求确认 → 产品选型 → 价格确认 → 合同签订 → 生产配送 → 验收交付',
        duration: '2-10个工作日（根据产品类型和数量）',
        guarantee: '产品质量保证，价格透明，配送及时，售后服务完善'
      }
    }

    const serviceDetail = detailMap[serviceInfo.category] || detailMap['sme_market']
    
    // 服务优势
    const advantages = [
      {
        id: 1,
        icon: '🏆',
        title: '专业团队',
        description: '经验丰富的专业团队，技术过硬，服务优质'
      },
      {
        id: 2,
        icon: '⚡',
        title: '快速响应',
        description: '24小时快速响应，紧急问题优先处理'
      },
      {
        id: 3,
        icon: '🛡️',
        title: '质量保证',
        description: '严格质量控制，100%满意保证'
      },
      {
        id: 4,
        icon: '💰',
        title: '价格透明',
        description: '价格公开透明，无隐形消费，性价比高'
      }
    ]

    // 相关案例
    const cases = [
      {
        id: 1,
        title: '某科技公司信息化改造项目',
        description: '成功为某科技公司实施ERP系统，提升管理效率50%',
        image: 'https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=300&h=200&fit=crop',
        date: '2024-01-15'
      },
      {
        id: 2,
        title: '某制造企业智能化升级',
        description: '智能制造系统集成，实现生产自动化管理',
        image: 'https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=300&h=200&fit=crop',
        date: '2024-02-20'
      }
    ]

    // 用户评价
    const reviews = [
      {
        id: 1,
        userName: '张先生',
        avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=50&h=50&fit=crop&crop=face',
        date: '2024-03-01',
        stars: '⭐⭐⭐⭐⭐',
        content: '服务非常专业，团队技术过硬，项目按时完成，效果超出预期！'
      },
      {
        id: 2,
        userName: '李女士',
        avatar: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=50&h=50&fit=crop&crop=face',
        date: '2024-02-28',
        stars: '⭐⭐⭐⭐⭐',
        content: '价格合理，服务态度好，后续维护也很及时，值得推荐！'
      },
      {
        id: 3,
        userName: '王总',
        avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=50&h=50&fit=crop&crop=face',
        date: '2024-02-25',
        stars: '⭐⭐⭐⭐⭐',
        content: '专业度很高，解决了我们的实际问题，合作很愉快！'
      }
    ]

    console.log('设置服务详情数据:', {
      serviceDetail,
      serviceAdvantages: advantages,
      serviceCases: cases,
      serviceReviews: reviews
    })
    
    this.setData({
      serviceDetail,
      serviceAdvantages: advantages,
      serviceCases: cases,
      serviceReviews: reviews
    })
    
    console.log('服务详情数据设置完成，当前data:', this.data)
  },

  // 咨询客服（保留原有方法，但简化为直接提示使用微信客服）
  onContactService() {
    console.log('🤖 咨询客服按钮被点击')

    // 提示用户使用微信客服按钮
    wx.showToast({
      title: '请点击微信客服按钮',
      icon: 'none',
      duration: 2000
    })
  },

  // 微信客服聊天回调（新的统一方法名）
  onContactServiceCallback(e) {
    console.log('💬 产品详情页面客服聊天回调:', e.detail)

    // 记录客服咨询事件
    try {
      wx.cloud.callFunction({
        name: 'businessManager',
        data: {
          action: 'logCustomerService',
          logData: {
            type: 'wechat_chat',
            source: 'product_detail_page',
            path: e.detail.path || '',
            query: e.detail.query || '',
            timestamp: new Date()
          }
        }
      }).then(result => {
        console.log('客服咨询记录成功:', result)
      }).catch(error => {
        console.log('客服咨询记录失败:', error)
      })
    } catch (error) {
      console.log('记录客服咨询失败:', error)
    }

    // 显示提示信息
    wx.showToast({
      title: '客服聊天已打开',
      icon: 'success',
      duration: 2000
    })
  },

  // 立即预约
  onBookingService() {
    const { serviceInfo } = this.data
    if (!serviceInfo) {
      wx.showToast({
        title: '服务信息不存在',
        icon: 'none'
      })
      return
    }

    const serviceData = encodeURIComponent(JSON.stringify({
      _id: serviceInfo._id || serviceInfo.id,  // 确保_id字段存在（数据库主键）
      id: serviceInfo.id || serviceInfo._id,   // 兼容性字段
      serviceTitle: serviceInfo.title,
      serviceType: serviceInfo.category,
      category: serviceInfo.category,
      title: serviceInfo.title,
      description: serviceInfo.description,
      price: serviceInfo.price,
      unit: serviceInfo.unit,
      rating: serviceInfo.rating,
      badge: serviceInfo.badge,
      tags: serviceInfo.tags || []
    }))

    wx.navigateTo({
      url: `/pages/booking/booking?service=${serviceData}`
    })
  },

  // 分享页面
  onShareAppMessage() {
    const { serviceInfo } = this.data
    return {
      title: `${serviceInfo?.title || '专业服务'} - 数智匠心工程`,
      path: `/pages/product-detail/product-detail?service=${encodeURIComponent(JSON.stringify(this.data.serviceInfo))}`,
      imageUrl: serviceInfo?.image || ''
    }
  },

  onShareTimeline() {
    const { serviceInfo } = this.data
    return {
      title: `${serviceInfo?.title || '专业服务'} - 数智匠心工程`,
      imageUrl: serviceInfo?.image || ''
    }
  }
})
